<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head th:include="common/head :: head"></head>
<link rel="stylesheet" href="./css/stype/information.css">
<link rel="stylesheet" href="./css/stype/personal.css">

<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <!--头部导航-->
  <div th:include="common/header :: head_home"></div>

  <!--侧边栏-->
  <div th:include="common/sidebar :: sidebar_personal"></div>
  
  <div class="layui-body">
      <!-- 面包屑 -->
    <span class="layui-breadcrumb">
        <a href="./">首页</a>
        <a href="">个人中心</a>
    </span>
    <!-- 内容主体区域 -->
    <div  class="top-hadoop-count">
        <div style="padding: 20px; background-color: #F2F2F2;">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-row layui-col-space15">
                                <div class="layui-col-md6">
                                    <div class="layui-card">
                                        <form class="layui-form" action="">
                                            <div class="layui-form-item">
                                                <label class="layui-form-label">头像：</label>
                                                <div class="layui-input-block">
                                                    <div class="layui-upload">
                                                        <img class="portrait-img" id="portrait" src=""/>
                                                        <button type="button" class="layui-btn" id="test1">上传图片</button>
                                                        <!--<div class="layui-upload-list">-->
                                                            <!--<img class="layui-upload-img" id="demo1">-->
                                                            <!--<p id="demoText"></p>-->
                                                        <!--</div>-->
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="layui-form-item">
                                                <label class="layui-form-label">登陆账号：</label>
                                                <div class="layui-input-block">
                                                    <p class="information-p" id="zhanghaoInformation"></p>


                                                </div>
                                            </div>

                                            <div class="layui-form-item">
                                                <label class="layui-form-label">用户昵称：</label>
                                                <div class="layui-input-block">
                                                    <p class="information-p" id="usernameInformation"></p>
                                                    <a href="#" onclick="updataInformation(1)">
                                                        <i class="layui-icon layui-icon-edit" ></i>
                                                    </a>

                                                </div>
                                            </div>

                                            <div class="layui-form-item">
                                                <label class="layui-form-label">密码：</label>
                                                <div class="layui-input-block">
                                                    <p class="information-p">**********</p>
                                                    <a href="#" onclick="updataInformation(2)">
                                                        <i class="layui-icon layui-icon-edit"></i>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="layui-form-item">
                                                <label class="layui-form-label" >绑定手机号：</label>
                                                <div class="layui-input-block">
                                                    <p class="information-p" id="phoneInformation"></p>
                                                    <a href="#" onclick="updataInformation(3)">
                                                        <i class="layui-icon layui-icon-edit"></i>
                                                    </a>
                                                </div>
                                            </div>

                                            <div class="layui-form-item">
                                                <label class="layui-form-label">绑定邮箱：</label>
                                                <div class="layui-input-block">
                                                    <p class="information-p" id="youxiangInformation"></p>
                                                    <a href="#" onclick="updataInformation(4)">
                                                        <i class="layui-icon layui-icon-edit"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
<div th:include="common/js :: js"></div>

<script src="./js/personal.js"></script>


</body>
</html>